<template>
  <!-- 
    缓存路由组件:
      - 路由的切换过程是组件的挂载和卸载的过程,如果有的路由切换的比较频繁,则不希望他频繁的卸载和挂载
      - 缓存路由组件使用<keep-alive></keep-alive>包裹<router-view></router-view>
      - 默认<router-view></router-view>中所有的组件第一次挂载后都会被缓存
      - 我们可以给keep-alive 设置一个include属性,值是字符串或者数组(组件的名称),设置哪些组件需要被缓存
      - keep-alive只会缓存当前包含的替代router-view的组件,不会深层次的控制
   -->
  <keep-alive :include="['Home' , 'Login']">
    <!-- router-view是占位组件,用来存放路由组件  -->
    <router-view></router-view>
  </keep-alive>


</template>

<script>
export default {
 name: "App",
}
</script>

<style>

</style>